<template>
  <div class='container'>
        <div class='app-row m-20-t'>
          <span class="title bold width-120">用户id:</span>
          <span class='flex-1'>{{uid}}</span>
        </div>
        <div class='app-row m-20-t'>
          <span class="title bold width-120">用户名:</span>
          <span class='flex-1'>{{user_name}}</span>
        </div>
        <div class='app-row m-20-t'>
          <span class="title bold width-120">电话:</span>
          <span class='flex-1'>{{detail_data.mobile}}</span>
        </div>
        <div class='app-row m-20-t'>
          <span class="title bold width-120">积分:</span>
          <span class='flex-1'>{{detail_data.point}}</span>
        </div>
        <div class='app-row m-20-t'>
          <span class="title bold width-120">余额:</span>
          <span class='flex-1'>{{detail_data.balance}}</span>
        </div>
        <div class='app-row m-20-t'>
          <span class="title bold width-120">佣金:</span>
          <span class='flex-1'>{{detail_data.commission}}</span>
        </div>






  </div>
</template>

<script>

  import user_request from "@/api/user_request"
  export default {
    name: 'user_detail',
    data() {
      return {
        uid: '',
        user_name: '',
        detail_data: {},
      }
    },
    created() {
      this.get_detail(this.$route.query.id)
    },
    mounted() {
  
    },
    methods: {
      get_detail(id) {
        user_request.detail_user({id}, res=> {
          let result = res.data
          this.uid= result.id
          this.user_name = result.username
          this.detail_data = result

        })
      },



      handleClick(tab, event) {
        
      },

    }
  }
</script>

<style scoped>
@import "~@/styles/layout.scss";
</style>